<div class="container" style="width: 100%;">
<div class="row">
<div class="col-md-4" *ngFor="let s of sl">
    <div class="card mb-4 shadow-sm">
      <img class="card-img-top" [src]="s.img" alt="Card image cap">
      <div class="card-body">
        <p class="card-text">{{s.title}}</p>
        <div [innerHTML]="s.summary | tohtml"></div>
        <div class="d-flex justify-content-between align-items-center">
          <div class="btn-group">
            <button type="button" class="btn btn-sm btn-outline-secondary" (click)="toDetail(s.singlepageid)">View</button>
            <!-- <button type="button" class="btn btn-sm btn-outline-secondary" [routerLink]="['uploadSinglepage']">Edit</button> -->
          </div>
          <small class="text-muted">9 mins</small>
        </div>
      </div>
    </div>
 </div>
</div>
</div>